<template>
	<view>
		<view class="search">
			<image src="../../static/nav/search/search.png" class="search-img" mode="" @click="expandFun"></image>
			<view class="quick-example" v-if="expandShow" :class="expandShow?'expand_y':''">
				<input type="text" />
				
			</view>
			
		</view>

	</view>
</template>

<script>
	export default {
		name: "navSearch",
		data() {
			return {
				expandShow:false
			};
		},
		methods:{
			expandFun(){
				this.expandShow = !this.expandShow 
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search {
		padding:0px 10px;
		display: flex;
		border-radius: 10px;
		align-items: center;
		background-color: $qy-bg-nav-option-color;
		align-items: center;
		height:36px;
		justify-content: center;
		// width: 36px;
		.search-img{
			width: 16px;
			height: 16px;
		}
	}
	.expand_y{
		color: $uni-text-color;
	}
	
</style>